page-tihuo-apply {
    .apply{
        .step{
            border-bottom:10px solid rgb(245,245,245);
            display: flex;
            justify-content: center;

        }
        .goods{
            display:flex;
            padding:15px;
            .goods-img{
                width:35%;
            }
            .goods-info{
                display:flex;
                flex-flow: column;
                padding-left:20px;
                width:65%;
                span:first-child{
                    padding-top:5px;
                    height: 50%;
                }
            }
        }
        .quantity {
            border-top:1px solid rgb(245,245,245);
            border-bottom:10px solid rgb(245,245,245);
            padding:15px 15px ;
            display: flex;
            justify-content: space-between;

            .num-title{
                display: flex;
                span {
                    margin: auto;
                }

            }
            .all {
                display: flex;
                margin-right:0px;
                span{
                    margin:auto;
                    padding:5px 20px;
                    border:1px solid #ff0000; 
                    color:#ff0000;
                    border-radius: 5px;
                }
            }

            div:last-child{
                width:25%;
                display: flex;
                justify-content: flex-end;
                border-top:1px solid rgb(245, 245, 245);
                border-bottom:1px solid rgb(245, 245, 245);

                span{
                    padding:5px 11px;
                    background:rgb(245,245,245);
                }
                input{
                    border:0px;
                    width:35%;
                    text-align: -webkit-center;

                }
            }
        }
        .address{
            display:flex;
            // justify-content: space-between;
            // flex-direction: row;
            flex-direction: column;

            padding:10px 0px;
            border-bottom:1px solid rgb(245, 245, 245);
            .address-title{
                padding-left:10px;

            }
            .address-content{
                display:flex;
                width: 60%;
                margin: auto;

                flex-flow: column;
                span{
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;

                }
            }
            .phone{
                display:flex;
                width: 100%;
                margin: auto;
                flex-flow: column;
                padding:0!important;
                font-size: 2rem;
                flex-direction: row;
                justify-content: center;
                ion-input{
                    input{
                        // border-bottom: 1px solid #f0f0f0;
                        margin: 5px 8px!important;
                    }
                }
                ion-icon{
                    align-self: center;
                    margin-right: 20px;
                }
            }
            .phone-notice{
                span{
                    font-size: .5rem!important;
                    margin: 0!important;
                    color:#a0a0a0
                }
            }
            div:last-child{
                display: flex;
                padding: 0 10px;

                span{
                    
                    font-size: 2rem;
                    margin: auto;

                }

            }
           
        }


    }
    .next{
        display: flex;
        position: fixed;
        bottom: 0;
        height: 50px;
        width:100%;
        .all{
            background:#fff;
            border-top:1px solid rgb(245, 245, 245);
            width:70%;
            display:flex;
            div {
                width: fit-content;
                padding-left: 30%;
                margin:auto;
                span:last-child{
                    color:#ff0000;
                    font-size: 1.6rem;

                }
                span:first-child{
                    color:#808080;
                    font-size: 1.6rem;
                }
            }
        }
        .confirm {

            width:30%;
            background:#ff0000;
            color:#fff;
            font-size: 1.8rem;
            display:flex;
            span{
                margin:auto;
            }
        }
    }
}
